<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图片插入练习</title>
</head>
<body>
<!--
从当前文件出发去找资源:
1)图片与文件在同一个文件夹,直接写图片的全名
2)图片在文件的下一级文件夹,先写文件夹名,再写文件夹下的图片全名
3)图片在文件的上一级文件夹,先写../回到上一级,再写图片全名
-->
<img src="2.png" alt="">
<img src="img/1.jpg" alt="">
<img src="../3.png" alt="" title="我是一张五常大米的图片">
<img src="../3.pg" alt="哎呀,图片走丢了">
<img src="https://cdn.tmooc.cn/bsfile//courseImg///5f791c0985cc4a67a5c4dca6627155b0.jpg" alt="">
<!-- width设置图片宽度 height设置图片高度
   只要设置一个,另外一个会跟着改,如果两个一起设置,注意图片的原始比例防止图片失真-->
<img src="img/zly.jpg" width="300px" height="300px" alt="">
</body>
</html>